/*@charset "utf-8";*/

html, body {margin:0; padding:0; border:0; width:100%;font-family:Arial, Verdana, Helvetica,\5FAE\8EDF\6B63\9ED1\9AD4,Microsoft JhengHei,MingLiU,sans-serif;font-size:12px;}
*{outline:0;}
body {-webkit-text-size-adjust:none; width:100%;background:#FFFFFF;font-size:1em !important;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;  }
a {  text-decoration:none; color:inherit;}
a:hover {text-decoration:none; }
table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; vertical-align:top; }
table { border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ul {list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
input, select, textarea {font-family:Arial, Verdana, Helvetica, sans-serif;}
hr{background:#DDDDDD; height:1px;color:#DDDDDD;border: 0;}
span{*display:inline}
.floatLeft {float:left !important;}
.floatRight {float:right !important;}
.descBlock .floatRight {margin-left:20px;}
.displayNone, .hidden {display:none;}
.center {text-align:center;}
.right{text-align:right;}
.clearfix {display: inline-block;}
.clearfix:after {content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;*min-height: 1%;}
.clearfix {display: block;}
.hiddenText{display: block;width:0px;height:0px;text-indent:-9999px;}
.inlineBlock{display: inline-block;zoom: 1;*display: inline;}
ul.noPadding{padding:0 !important;}
a:hover{text-decoration:underline;}

.referenceBtn{font-weight:bold;font-size:16px;text-decoration:underline;}
.referenceContainer{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;display:none;}
.referenceContainer .btnClose{width:54px;height:144px;position:absolute;background:url(../images/btn_close.png);display:block;text-indent:-9999px;overflow:hidden;z-index:999;bottom:40px;right:10px;cursor:pointer;}
body.jp .referenceContainer .btnClose{height:164px;background:url(../images/btn_close_jp.png);}
.referenceContainer .contentPopup{background-image:url(../images/scrollBg.jpg);width:700px;margin-left:-350px;position:absolute;left:50%;top:0;height:100%;-webkit-box-shadow: 0 0 200px 200px rgba(0,0,0,0.4);
box-shadow: 0 0 200px 200px rgba(0,0,0,0.4);position:relative;}
.referenceContainer .contentContainer{width:100%;margin-top:0;top:50%;margin-top:-351px;position:absolute;}
.referenceContainer .contentContainer .textContent{    height: 602px;}
.referenceContainer .contentContainer .textContent .scroller{height:540px;overflow:auto;}
.referenceContainer .contentContainer .textContent h3{font-size:18px;font-weight:bold;text-decoration:underline;margin-bottom:10px;}
.referenceContainer .contentContainer .textContent ul{list-style-type:disc;margin-bottom:30px;}
.referenceContainer .contentContainer .textContent li{margin:10px 0 15px 20px;}
.mask{position:fixed;width:100%;height:100%;background:rgba(255,255,255,0.3);top:0;left:0}

.bookswitchBtn{z-index:9;position:absolute;background:url(../images/bookswitch/btn_bookswitch.png) no-repeat;display:block;width:178px;height:33px;bottom:-33px;right:30px;overflow:hidden;text-indent:-9999px;/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  /* IE 5-7 */
  filter: alpha(opacity=0);

  /* Netscape */
  -moz-opacity: 0;

  /* Safari 1.x */
  -khtml-opacity: 0;

  /* Good browsers */
  opacity: 0;-webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;}
body.jp .bookswitchBtn{background-image:url(../images/bookswitch/btn_bookswitch_jp.png)}
.current .bookswitchBtn{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  /* IE 5-7 */
  filter: alpha(opacity=100);

  /* Netscape */
  -moz-opacity: 1;

  /* Safari 1.x */
  -khtml-opacity: 1;

  /* Good browsers */
  opacity: 1;}
#sales .bookswitchBtn{right:60px;background-image:url(../images/bookswitch/btn_bookswitch_whole.png);bottom:60px}
body.jp #sales .bookswitchBtn{background-image:url(../images/bookswitch/btn_bookswitch_whole_jp.png)}
.bookSwitchContainer{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;display:none;}
.bookSwitchContainer .btnClose{width:54px;height:144px;position:absolute;background:url(../images/btn_close.png);display:block;text-indent:-9999px;overflow:hidden;z-index:999;bottom:40px;right:10px;cursor:pointer;}
body.jp .bookSwitchContainer .btnClose{height:164px;background:url(../images/btn_close_jp.png);}
.bookSwitchContainer .contentPopup{background-image:url(../images/scrollBg.jpg);width:700px;margin-left:-350px;position:absolute;left:50%;top:0;height:100%;-webkit-box-shadow: 0 0 200px 200px rgba(0,0,0,0.4);
box-shadow: 0 0 200px 200px rgba(0,0,0,0.4);position:relative;}
.bookSwitchContainer .contentContainer{width:100%;margin-top:0;top:50%;margin-top:-351px;position:absolute;}
.bookSwitchContainer .contentContainer .textContent{    height: 602px;}
.bookSwitchContainer .contentContainer .textContent .book{width:auto;display:inline-block;text-align:center;position:relative;margin:65px 15px;}
.bookSwitchContainer .contentContainer .textContent .book .name{font-size:19px;margin:10px 0;}
.bookSwitchContainer .contentContainer .textContent .book:hover .name{text-decoration:underline;}
.bookSwitchContainer .contentContainer .textContent .book a{position:absolute;display:block;width:100%;height:100%;z-index:2;}
.bookSwitchContainer .contentContainer .textContent .bookList{text-align:center;}


#mainContainer{width:100%;height:auto;background:url(../images/mainBg.jpg) center bottom repeat-x;background-attachment:fixed;min-width:990px;overflow:hidden;}
#mainContainer .backgroundContainer{width:1024px;height:100%;background-image:url(../images/scrollBg.jpg);position:fixed;top:0;left:50%;margin-left:-512px;background-position:0 0;}

.visualContainer,.contentContainer{position:relative;width:990px;margin:0 auto;z-index:2;}
.visualContainer{min-height:923px;}
.visualContainer .visual,.visualContainer .logo{position:absolute;}

#mainVisual.visualContainer .visual{left:50%;margin-left:-265px;display:none;top:-110px;}
#mainVisual.visualContainer .visual.layer1{z-index:3}
#mainVisual.visualContainer .visual.layer2{z-index:2}
#mainVisual.visualContainer .visual.layer3{z-index:1}
#mainVisual.visualContainer .logo{top:10px;left:45px;margin-left:0px;z-index:4;display:none;}

#mainVisual.visualContainer .menu{width:100%;height:100%;position:relative;z-index:6;display:none;}
#mainVisual.visualContainer .menu > a{display:block;position:absolute;left:0;}
#mainVisual.visualContainer .menu > a img{display:block;}
#mainVisual.visualContainer .menu > a.intro{top:360px;margin-left:0px}
#mainVisual.visualContainer .menu > a.sample{top:480px;margin-left:70px;}
#mainVisual.visualContainer .menu > a.sales{top:600px;margin-left:140px;}

#mainVisual.visualContainer .langBtn{top:325px;right:-55px;position:absolute;z-index:6;display:none;}

/*body.jp #mainVisual.visualContainer .menu > a.intro{top:380px;margin-left:243px}
body.jp #mainVisual.visualContainer .menu > a.sample{top:540px;margin-left:170px;}
body.jp #mainVisual.visualContainer .menu > a.sales{top:600px;margin-left:-21px;}*/

#bottomVisual.visualContainer{top: -150px; left: -340px;position:absolute;}
#bottomVisual.visualContainer .visual{left:50%;margin-left:-350px;}
#bottomVisual.visualContainer .visual{position:absolute;}
#bottomVisual.visualContainer .visual.layer1{z-index:3}
#bottomVisual.visualContainer .visual.layer2{z-index:2}
#bottomVisual.visualContainer .visual.layer3{z-index:1}

.contentContainer{background:url(../images/pageEdge.jpg);padding:30px 0px;width:1024px;margin-top:400px}
.textContent{  position: relative;background:#FFF url(../images/bgLogo.jpg) no-repeat;background-position:right 20px;padding:20px 60px;height:542px;color:#424266;font-size:14px;line-height:1.5em;}
.textContent .pageTitle{font-size:30px;padding-bottom:15px;}
.textContent p{margin-bottom:15px}
.textContent p img{display:block;}

#information.contentContainer .leftCol,#information.contentContainer .rightCol{float:left;}

#information.contentContainer .rightCol{margin-left:30px;    width: 52%;}

#sample.contentContainer a.prev,#sample.contentContainer a.next{z-index:999;display:none;width:45px;height:56px;text-indent:-9999px;overflow:hidden;position:absolute;top:50%;margin-top:-28px;}
#sample.contentContainer a.prev{left:15px;background:url(../images/sample/btn_inner.png) no-repeat;}
#sample.contentContainer a.next{right:15px;background:url(../images/sample/btn_illust.png) no-repeat;display:block;}
body.jp #sample.contentContainer a.prev{background:url(../images/sample/btn_inner_jp.png) no-repeat;}
body.jp #sample.contentContainer a.next{background:url(../images/sample/btn_illust_jp.png) no-repeat;}
#sample.contentContainer .illustSample{position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 55px 60px 20px;
  top: 0;
  left: 0;}
#sample.contentContainer .illustSample .list{margin:10px;margin-left:80px;width:auto;display:inline-block;z-index:2;position:relative}
#sample.contentContainer .illustSample .list a{display:block;width:70px;height:440px;float:left;position:relative;-webkit-transition: width 0.1s linear;transition: width 0.1s linear;}
#sample.contentContainer .illustSample .list a .frame{overflow:hidden;width:100%;height:440px;position:absolute;top:0;left:0;display:block;}
#sample.contentContainer .illustSample .list a .author{line-height:1.2em;display:none;position:absolute;top:450px;width:120px;left:50%;margin-left:-70px;text-shadow: 1px 0px 10px #FFF;padding:0 10px;font-weight:bold;text-align:center;}
#sample.contentContainer .illustSample .list a .author .char{font-size:18px;line-height:1.5em;}
#sample.contentContainer .illustSample .list a img{position:absolute;left:50%;top:0;margin-left:-50px;}
#sample.contentContainer .illustSample .list a:hover{width:100px;-webkit-transition: width 0.1s linear;transition: width 0.1s linear;padding:0 6px;}
#sample.contentContainer .illustSample .list a:hover span{display:block;}
#sample.contentContainer .illustSample .akashiCaption{position:absolute;right:-79px;top:421px;z-index:3;display:none;}
#sample.contentContainer .illustSample .akashi{position:absolute;top:0;right:0;z-index:1;overflow:hidden;width:370px;height:582px;display:none;}
#sample.contentContainer .illustSample .akashi >div{position:absolute;top:0;left:0;width:370px;height:582px;}
#sample.contentContainer .illustSample .akashi >div .frame{position:absolute;top:0;left:0;width:370px;height:582px;}
#sample.contentContainer .illustSample .akashi >div.layer1{z-index:1}
#sample.contentContainer .illustSample .akashi >div.layer2{z-index:2;}
#sample.contentContainer .illustSample .akashi >div.layer3{z-index:3;margin-left:-400px}
#sample.contentContainer .illustSample .akashi >div.layer3 .frame.topLayer{z-index:2;display:none;font-size:0;}
#sample.contentContainer .illustSample .akashi >div.layer3 .frame.bottomLayer{overflow:hidden;z-index:1}

#sample.contentContainer .illustSample .akashi >div.layer4{z-index:4}
#sample.contentContainer .innerPage{position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 55px 60px 20px;
  top: 0;
  left: 0;}
#sample.contentContainer .innerPage .leftCol,#sample.contentContainer .rightCol{float:left;}
#sample.contentContainer .innerPage .rightCol{margin-left:10px;}
#sample.contentContainer .innerPage .caption,#sample.contentContainer .crop{position:absolute;}
#sample.contentContainer .innerPage .caption{  top: 135px;  left: 50%;  margin-left: -280px;}
#sample.contentContainer .innerPage .crop{top: 345px;  left: 50%;  margin-left: 300px;}

#sales{margin-bottom:300px;}
#sales .textContent .pageTitle{text-align:right;}
#sales h3{font-size:20px;margin-top:20px;font-weight:bold;width:300px;margin-left:334px;    float: right;margin-bottom:10px;}
#sales .list{    float: right;font-size:16px;  position: relative;  z-index: 5;box-shadow: 0px 0px 10px rgba(255, 255, 255, 1);background: rgba(255,255,255,0.5);    width: 300px;}
#sales .list li{margin-bottom:8px;}
.tag{font-size: 16px;padding: 0 5px;margin-right: 10px;height:26px;line-height:26px;color:white;display:inline-block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.tag.taiwan{background:#F29377}
.tag.taipei{background:#F49991}
.tag.taizhong{background:#F9C1BD}
.tag.kaohsiung{background:#F3D192}
.tag.hongkong{background:#C59264;}

.copyright{position:absolute;right:10px;bottom:0;text-align:right;line-height:30px;color:#FFF}
.copyright a:hover{text-decoration:underline;}